گرفتن بهترین کدهای جاوا اسکریپت
کد را در میان بادی سایت یا وبلاگ خود کپی کنید
کد نمایش متن ها به طور زیبا
<body onload="window.open("www.har.mihanblog.com")"> </body> <br><!-- Start of Fade In and Out JavaScript--> <br><!-- Place this entire script into a new webpage and then work off the example. Do not --> <br><!-- try to incorporate into an existing webpage, else you may disrupt the Script --> <br><!-- Script supplied with CoffeeCup HTML Editor --> <br><!-- www.coffeecup.com --> <br><HTML> <br> <HEAD> <br> <style type="text/css"> <br> <!-- <br> #fadeMe01 { position: absolute; visibility: visible; width: 410px } <br> #fadeMe02 { position: absolute; visibility: visible; width: 400px } <br> .content { font: 16pt Verdana, Arial, Helvetica; width: 400px; text-align: center } <br> .content1 { font: 16pt Verdana, Arial, Helvetica; width: 400px; text-align: center } <br> .small { font: 6pt Verdana, Arial, Helvetica; width: 400px; text-align: center } <br> b { font-weight: bold } <br> a { text-decoration : none } <br> // --> <br> </style> <br> <br> <script type="text/javascript" language="javascript"> <br> <br> <!-- <br> <br> var idme=908601; <br> var convert = new Array(); <br> var hexbase = new Array("0", "1", "2", "3", "4", "5", "6", "7", <br> "8", "9", "A", "B", "C", "D", "E", "F"); <br> var value=0; <br> var rgb; <br> <br> for (x=0; x<16; x++) <br> for (y=0; y<16; y++) { <br> convert[value] = hexbase[x] + hexbase[y]; <br> value++; <br> } <br> <br> var timerID = null, timerRunning = false; <br> <br> function stopClock(){ <br> if(timerRunning) <br> clearTimeout(timerID) <br> timerRunning = false <br> } <br> <br> var layers = document.layers; <br> var style = document.all; <br> var both = layers || style; <br> if (layers) { layerRef = "document.layers"; styleRef = ""; } <br> if (style) { layerRef = "document.all"; styleRef = ".style"; } <br> <br> function moveLayer(obj, topx, leftx) { <br> if (both) { <br> (layerRef + "[""+obj+""]" + styleRef + ".top = topx"); <br> (layerRef + "[""+obj+""]" + styleRef + ".left = leftx"); <br> } <br> } <br> <br> var s1, s2, s3, s2r, s2g, s2b, smallest; <br> <br> function hexToDec(hex) { var value=0; while (true) { if (convert[value] == hex) break; value++; } return value; } <br> <br> function writeOn(obj, str) { <br> if (layers) with (document[obj]) { <br> document.open(); <br> document.write(str); <br> document.close(); <br> } <br> <br> if (style) { <br> (obj+".innerHTML= str"); <br> } <br> } <br> <br> <br> function changeColor(obj, str, rgb1, speed, counter) { <br> if (counter < smallest) { <br> stopClock(); <br> <br> if (layers) with (document[obj]) { document.open(); document.linkColor = rgb1; document.fgColor = rgb1; document.write(str); document.close(); } <br> if (style) { (obj+".document.linkColor= rgb1"); <br> (obj+".innerHTML= "<font color="+rgb1+">"+str+"<\/font>""); <br>// (layerRef + "[""+obj+""]" + styleRef + ".color= rgb1"); <br> } <br> <br> s2r+=s1; s2g+=s2; s2b+=s3; <br> tempR = Math.round(s2r); tempG = Math.round(s2g); tempB = Math.round(s2b); <br> if (tempR <= 0) tempR = 0; if (tempG <= 0) tempG = 0; if (tempB <= 0) tempB = 0; <br> if (tempR >= 255) tempR = 255; if (tempG >= 255) tempG = 255; if (tempB >= 255) tempB = 255; <br> <br> rgb1 = convert[tempR] + convert[tempG] + convert[tempB]; <br> counter++; <br> timerID = setTimeout("changeColor(""+obj+"", ""+str+"", ""+rgb1+"", "+speed+", "+counter+")", speed); <br> timerRunning = true; <br> } <br> } <br> <br> function fadeText(obj, str, rgb1, rgb2, speed, step) { <br> var r1, g1, b1, r2, g2, b2; <br> for (cnt=1; cnt<=2; cnt++) { <br> ("r"+cnt+" = hexToDec(rgb"+cnt+".slice(0,2));"); <br> ("g"+cnt+" = hexToDec(rgb"+cnt+".slice(2,4));"); <br> ("b"+cnt+" = hexToDec(rgb"+cnt+".slice(4,6));"); <br> } <br> with (Math) { <br> s2r = r1; s2g = g1; s2b = b1; <br> s1 = abs(r1 - r2); s2 = abs(g1 - g2); s3 = abs(b1 - b2); <br> if (s1 > s2 && s1 > s3) { smallest = s1; } else if (s2 > s1 && s2 > s3) { smallest = s2; } else { smallest = s3; } <br> s1 = (s1 == 0) ? 0 : s1/smallest; s2 = (s2 == 0) ? 0 : s2/smallest; s3 = (s3 == 0) ? 0 : s3/smallest; <br> s1*=step; s2*=step; s3*=step; <br> if (r1 > r2) { s1 = -s1; } if (g1 > g2) { s2 = -s2; } if (b1 > b2) { s3 = -s3; } <br> <br> smallest= Math.round(smallest/step); <br> } <br> if (both) { changeColor(obj, str, rgb1, speed, 0); } else { document.write("Err. for some reason you tried viewing this page with a browser that doesn`t support javascript/CSS block support"); } <br> } <br> function getMid() { tvAgent = navigator.userAgent; if (layers) { maxX = innerWidth; maxY = innerHeight; } if (style) { maxX = document.body.clientWidth; maxY = document.body.clientHeight; } if (tvAgent.indexOf("WebTV") != -1) { maxX = 544; maxY = 378; } midX = maxX/2; midY = maxY/2; } <br> function layout() { getMid(); moveLayer("fadeMe01", midY-50, midX-200); <br> fadeText("fadeMe01", "<span class=content>NOW PRESENTING</span><div class=small>by popular demand</div>", "000000", "CCCCCC", 10, 2); <br> setTimeout("fadeText("fadeMe01", "<span class=content>FADE IN AND OUT JavaScript</span><div class=small>A neat JavaScript</div>", "CCCCCC", "000000", 10, 4)",8000); <br> setTimeout("fadeText("fadeMe01", "<div class=small>A</div><span class=content>It is COOL</span>", "000000", "CCCCFF", 10, 2)",12000); <br> setTimeout("fadeText("fadeMe01", "<div class=small>A</div><span class=content>Easy to Use</span>", "CCCCFF", "000000", 10, 4)",20000); <br> setTimeout("moveLayer("fadeMe01", midY-100, midX-200)",24000); <br> setTimeout("moveLayer("fadeMe02", midY-60, midX-200)",24000); <br> setTimeout("fadeText("fadeMe01", "<span class=content>This line could be Sentence Line 1.</span>", "000000", "CCCCFF", 10, 4)",26000); <br> setTimeout("fadeText("fadeMe02", "<span class=content>Sentence Line 2.</span>", "000000", "9999FF", 10, 4)",32000); <br> setTimeout("fadeText("fadeMe01", "<span class=content>Sentence Line 3.</span>", "CCCCFF", "FF0000", 10, 4)",36000); <br> setTimeout("fadeText("fadeMe02", "<span class=content>Imagine the envy your friends will feel.</span>", "9999FF", "99FF33", 10, 4)",40000); <br> setTimeout("fadeText("fadeMe02", "<span class=content>Sentence Line 5.</span>", "99FF33", "CCCCCC", 10, 4)",44000); <br> setTimeout("fadeText("fadeMe02", "<span class=content>You can now make neat looking text displays.</span>", "CCCCCC", "000000", 10, 4)",48000); <br> setTimeout("fadeText("fadeMe02", "<span class=small>Sentence Line 7.</div>", "000000", "CCCCCC", 10, 4)",52000); <br> setTimeout("fadeText("fadeMe01", "<span class=content>-END-</div>", "000000", "FF0000", 10, 4)",57500); <br> } <br> // --> <br></script> <br> </HEAD> <br> <BODY BGCOLOR="#000000" text="#CCCCCC" link="#FFFFFF" vlink="#FFFFFF" onload="layout()"> <br> <div id=fadeMe01></div> <br> <div id=fadeMe02></div> <br> <noscript> <br> Silly! you"ll need to have javascript enabled and <br> you must have <a href="http://www.microsoft.com/">Internet Explorer 4</a> or <a href="http://developer.netscape.com">Netscape Navagitor 4</a> <br> or <a href="http://developer.webtv.net">WebTV</a>(?) for this script to work. <br> </noscript> <br> </BODY> <br></HTML> <br><!-- End of Fade In and Out JavaScript--> <br>
